@import "/resources/css/randing/font/NanumSquareNeo.css";
@import "/resources/css/randing/reset.css";
@import "/resources/font/pretendard.css";

#fullpage{width: 100vw; height: 100%;}

section{ max-width: 1680px; width: 95%; margin:0 auto;}
.container{ width: 100%; /* position: absolute; */ top: 0; left: 0; overflow: hidden;}

.main{ padding-top:80px; width: 100%; height: calc(100vh - 80px); /*height:auto;*/ background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed; position: relative;}

/* ==============================================Login==============================================*/
/* .login_wrap{width: 100vw; height: 100vh; background-color: #5885c4;}
.login_top{padding-top:80px; font-family: 'NanumSquareNeo-ExtraBold'; font-size: 180px; display: flex; justify-content: center; height: 145px; align-items: self-end; color:#c5c5c5; opacity: 0.1; cursor:default;}
.login_box_wrap{width:100%; height: 580px; padding-top: 40px; display: flex; justify-content: center;}
.login_box{width: 700px; height: 100%; background-color: #8aaad5; display: flex; justify-content: center; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.33); position: relative;}
.login_box img{position: absolute; width: 245px; height: 285px; object-fit: contain; top:-135px; left: -75px;}
.login_inner_box{width:437px; height:100%;}
.login_id{padding-top:135px; padding-bottom: 20px;}
.login_pwd{padding-bottom: 20px;}
.login_id_r{display: flex;}
.login_id_r p{padding-left: 10px; color:#fff; font-size: 14px;}

.login_inner_box input{width:99%; border: none; border-bottom: 1px solid #fff; background-color: transparent; color:#fff; height: 40px; font-size: 16px; font-family: 'NanumSquareNeo';}
.login_inner_box input::placeholder{color:#fff}
.login_inner_box button{width:100%; height: 46px; font-size: 16px; border-radius: 4px; font-weight: 900; line-height: 21px; cursor: pointer; font-family: 'NanumSquareNeo'}
.login_btn{ background-color: #c4d4ea; border:1px solid #fff; color:#2f58b8; margin-top:70px}
.join_btn{background-color: #001a55; color:#fff; border:none; margin-top:20px;}
.join_btn2{background-color: #5885c4 !important;} */
.login_wrap{width: 100vw; height: 100vh; background-color: #00174b; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.login_logo_bx{}
.logo_event{ width: 450px; height: 120px; position: relative;}
.show1{position: absolute; top: 25%; left: 35%; opacity: 1;}
.show2{position: absolute; top: 50%; left: 4%;}
.show2 p{font-size: 16px; color: #fff; letter-spacing: 1px;}

.show1 {
    animation-name: wave1;
    animation-duration: 10s;     /*진행시간*/
    animation-iteration-count: infinite;
}

.show3 {
    animation-name: wave3;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    font-style: normal;
    font-family: "Pretendard-Bold";
}

.show4 {
    animation-name: wave4;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    font-style: normal;
    font-family: "Pretendard-Bold";
}

@keyframes wave1{
    0%, 50%, 100%{opacity: 0;}
    20%{opacity: 1;}
}

@keyframes wave3 {
    0%, 50%, 90%, 100%{opacity: 0;}
    70%{opacity: 1;}
}

@keyframes wave4{
    0%, 60%, 90%, 100%{opacity: 0;}
    70%{opacity: 1;}
}

.login_bx_wrap{display: flex; padding: 10px; flex-direction: column; gap: 40px; padding-top:80px;}
.login_bx_wrap button{width: 100%; height: 40px; border: none; font-weight: bold; font-family: "Pretendard-Bold"; font-size:16px;}
.login_bx_wrap button:hover{border: 1px solid #fff;}
.login_bx{display: flex; flex-direction: column; width: 350px; gap: 30px;}
.login_bx input{width: 99%; height: 40px; border: none; border-bottom:1px solid #dedede; background-color: transparent; color:#dedede; font-family: 'Pretendard-Regular';font-size:16px;}
.login_bx input::placeholder{color:#dedede;}
.login_bx input:focus{outline: none;}
.login_bx div{width: 100%; height: auto;}
.login_pwd{padding-top:20px;}
.login_btn{background-color: #ffd200;}
.join_btn{background-color: transparent; border: 1px solid #dedede; color: #dedede;}
/*1.0.1_2_001*/
.findinfo{background-color: transparent; border: 1px solid #dedede; color: #dedede;}
.wave_container{
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
}
.wave {
    background: url(/resources/img/wave.svg) repeat-x; 
    position: absolute;
    top: -188px;
    /* bottom:0; */
    width: 6400px;
    height: 198px;
    animation: wave 15s cubic-bezier( 0.56, 0.25, 0.23, 0.53) infinite;
    transform: translate3d(0, 0, 0);
    opacity: 0.2;
}
  
.wave:nth-of-type(2) {
    top: -165px;
    /* bottom:30px; */
    /* animation: wave 7s cubic-bezier( 0.36, 0.75, 0.23, 0.53) -.125s infinite, swell 7s ease -1.25s infinite; */
    animation: wave 15s cubic-bezier( 0.36, 0.75, 0.23, 0.53) infinite;
    opacity: 0.3;
}
.wave:nth-of-type(3){
    top: -135px;
    /* bottom:60px; */
    opacity: 0.4;
    /* animation: wave 7s cubic-bezier(0.76, 0.45, 0.63, 0.13) -.200s infinite, swell 7s ease -1.25s infinite; */
    animation: wave 15s cubic-bezier(0.76, 0.45, 0.63, 0.13) infinite
}
  
@keyframes wave {
    0% {
      margin-left: 0;
    }
    100% {
      margin-left: -1600px;
    }
}
  
@keyframes swell {
    0%, 100% {
      transform: translate3d(0,-25px,0);
    }
    50% {
      transform: translate3d(0,5px,0);
    }
}

/* ==============================================Login==============================================*/

/* ==============================================join==============================================*/
.join_main{height: auto !important;}
.join_section{max-width: 860px;}
.jtitle{display: flex; justify-content: center; padding-top: 70px;}
.jtitle h1{font-size: 28px; font-family: 'NanumSquareNeo-Bold';}

.jinfo{padding-top: 50px;}
.jinfo .jinfo_t{display: flex; justify-content: space-between; height:80px; align-items: center;}
.jinfo .jinfo_t .jinfo_t_l{font-size: 20px; font-family: 'NanumSquareNeo-Bold';}
.jinfo .jinfo_t .jinfo_t_r{font-size: 13px;}
.jinfo_bx{height: auto; width: 100%; border-top:2px solid #666; border-bottom:2px solid #666; }
.jinfo_bx .jinfo_comm_bx{display: flex; width: 100%; height:78px; border-bottom:1px solid #ddd; align-items: center;}
.jinfo_bx .jinfo_comm_bx:last-child{height: 160px;}
.jinfo_comm_bx .info_txt{width: 150px; height: 38px; display: flex; align-items: center;}
.jinfo_comm_bx .info_act{width: 100%; display: flex; justify-content: space-between;}
.jinfo_comm_bx .info_act input{width: 545px; height: 32px; border:1px solid #d2d2d2; padding-left: 10px; font-family: 'NanumSquareNeo';}

.info_auth_bx{width: 100%; display: flex; flex-direction: column; gap:10px;}
.info_auth{width: 100%; display: flex; justify-content: space-between;}
.info_auth input{width: 545px; height: 32px; border:1px solid #d2d2d2; padding-left: 10px; font-family: 'NanumSquareNeo';}
.join_comm_btn{width: 113px;height: 38px; background-color: #f0f0f0; border:none; border-radius: 4px;}
.info_auth span p{font-size: 14px; padding-top: 10px;}
#auth1{display: flex;}
#auth2{display: flex; flex-direction: column;}
#auth2 span:first-child{display: flex; justify-content: space-between;}
.time{position: absolute; top: 14px; font-size: 12px; color: #ff0000; letter-spacing: -1px; left: 495px;}

.jterms{padding-top:100px;}
.terms_title{display: flex; justify-content: center;}
.terms_title h1{font-size: 20px; font-family: 'NanumSquareNeo-Bold';}
.terms_use_all{width: 100%; padding-top: 60px; padding-bottom: 30px;}
.terms_use_ck{ display: flex; align-items: center; }
.terms_use_ck p{font-weight: 800;}
.terms_use_ck label{ padding-right: 10px;}
.terms_use{ display: flex;padding-bottom:10px; justify-content: space-between;} 
.terms_use label{ padding-right:10px; }
.terms_fir{ display: flex; }
.terms_fir p{width: 100%;}
.terms_sec{ margin-left:55px; cursor: pointer; }
.terms_sec p{ color:#0ba1e7 }

.join_b {padding-top: 80px; display: flex; justify-content: center;}
.join_b button {width: 400px; height: 40px; border-radius: 10px; background-color: #747474; color: #fff; font-size: 18px; line-height: 34px; font-weight: 800; border:none; cursor:default;}
.join_c{padding-top:40px; display: flex; justify-content: center; padding-bottom: 50px;}
.join_c a{color:#3f6bb4;font-weight: 800; text-decoration: underline; text-underline-offset: 5px;}
/* ==============================================join==============================================*/

/* 헤더 CSS Start  */
header{width: 100%; height: 80px; background-color: #fff; position: fixed; z-index: 999; border-bottom: 1px solid #efefef;}
.d_hd_b{ display: flex; max-width: 1400px; height: 100%; margin: 0 auto; align-items: center; justify-content: space-between; width: 95%; }
.right_box{display:flex; gap: 10px; display:none;}
.ch_lang{font-family: 'NanumSquareNeo-Bold'}
.ch_lang::after{content: ""; display: inline-block; position: relative; background: url(/resources/css/randing/img/lang_arrow_indigo.png) no-repeat center; background-size: contain; padding-left:10px; width:10px; height:10px;}
.lang_list{display:none; position:absolute; top:60px; z-index:999; border: 1px solid #d1d1d1;}
.lang_list ul{border: 1px solid #d1d1d1;}
.lang_list li{padding: 10px; background-color: #fff;}
.lang_list li:nth-child(1){border-bottom: 1px solid #d1d1d1};
.m_menu_bx{display: none;}
.m_menu_bx img{display:none;}

.d_menu{ display: flex; }

nav li{position: relative;font-size: 18px;font-weight: 700;color:#929292;}
.d_menu li a{padding: 1.8em 5.3em;cursor: pointer;}
.d_menu li:hover{color:#2f58b8;}
header nav .d_menu>li:hover::after{opacity: 1;}
header nav .d_menu>li::after {content: ""; display: block; position: absolute; top: 26px; left: 50%; transform: translateX(-50%); width: 5px; height: 5px; border-radius: 50%; background-color: #2f58b8; opacity: 0; transition-duration: 0.4s;}
.li_now::before{content: ""; display: block; position: absolute; top: 26px; left: 50%; transform: translateX(-50%); width: 5px; height: 5px; border-radius: 50%; background-color: #2f58b8; opacity: 1;}
.login{ min-width: 159px;}
/* .login button{ width: 120px; height: 36px; background-color: #2f58b8; border-radius: 4px; border: none; font-weight: 700; font-size: 16px; font-family: 'NanumSquareNeo'; color: #fff;} */
.login button{ width: 120px; height: 36px; background-color: #f0f0f0; border-radius: 20px; border: none; font-weight: 700; font-size: 16px; font-family: 'NanumSquareNeo'; color: #303030;}
.m_drop_menu{display: none;}
/* 헤더 CSS End  */


/* 공통 CSS Start */
.inner_section{padding-top: 80px;}
.s_section{max-width: 1680px; margin: 0 auto; height: 100%; padding:0 50px 0 50px;}
.com_t{padding-top: 40px;}
.com_t h1 {font-family: 'NanumSquareNeo-Bold'; font-size: 42px; line-height: 56px;}
.com_t h2 {font-size: 42px; line-height: 56px;}
.com_t p{ padding: 40px 0 40px 0; font-size: 18px; line-height: 32px;}
.com_v{vertical-align: middle;}
.com_t_sub_txt{display: block;}
.com_t_sub_m_txt{display: none;}
/* 공통 CSS End */


/* 메인 CSS Start */
.main_back{background:url(/resources/css/randing/img/main.gif) no-repeat center; background-size: cover;}
.m_sec1_bx{max-width: 990px; width: auto; height: auto; position: absolute; bottom:20%; left: 40%;}
.m_sec1_title{position: relative; font-size: 42px; color:#fff; line-height: 62px;}
.m_sec1_title strong{color: #27c4d5; font-weight: 800;}
.m_sec1_sub{ position: relative; font-size: 22px; color: #fff; line-height: 36px; padding-top:34px; word-break: keep-all;}
.m_sec1_sub strong{color: #27c4d5;}

.main_back2{background:url(/resources/css/randing/img/main2.gif) no-repeat center; background-size: cover;}
.en_main_back2{background:url(/resources/css/randing/img/en_main2.gif) no-repeat center; background-size: cover;}

.m_sec2_bx{width: auto; height: auto; position: relative; padding-top: 5%;}
.m_sec2_title{position: relative; font-size: 42px; color:#fff; line-height: 62px; text-align: center;}
.m_sec2_title strong{color :#27c4d5; font-weight: 800;}
.m_sec2_sub{position: relative; font-size: 18px; color:#fff; line-height: 32px; padding-top:34px; text-align: center;}


.m_sec3_sub{position: relative; font-size: 18px; color:#303030; line-height: 32px; padding-top:34px; text-align: center;}
.m_sec3_sub strong{color :#27c4d5; font-weight: 800;}
.m_sec3_img{max-width: 100%; height: auto; padding-top:calc(300px - 15%);}
.m_sec3_img img{position: relative; width: 100%;}

.en_m_sec3_img{max-width: 100%; height: auto; padding-top:calc(300px - 15%);}
.en_m_sec3_img img{position: relative; width: 100%;}

        /* 메인 NAV CSS Start */
.m_sec4_bx{width:100%; height: auto; position: relative; display: flex; justify-content: space-between;}
.main_nav{padding-top: 200px; min-width: 350px; height: auto;}
.main_nav .main_nav_b{ padding:0.3em;}
.main_nav .main_nav_b .big_t{display:inline-flex; width: 90%; height: 36px; padding-left:20px; font-size: 19px; align-items: center; cursor:pointer;}
.main_nav .main_nav_b .small_t{display:inline-flex; padding-left: 20px; height: 36px; align-items: center; cursor:pointer;}

.s_active{background-color:#00174b; color:#fff; border-radius: 4px; font-weight: 600;}
.small_t_b{color:#00174b; font-weight: 600; cursor:pointer;}
.main_nav_u{display: none !important;}
        /* 메인 NAV CSS End */

/* .nav_tab_bx{width: 70%; height: auto; overflow: hidden; padding-top:calc(300px - 17%);} */
.nav_tab_bx{width: 70%; height: auto; overflow: hidden; padding-top:20px;}

.m_n_cm_bx{display: none; width: 100%; height: auto;}
.m_n_cm_bx span{width: 500px; height: 780px;}
/* main image file Start */
.s1_img0{background: url(/resources/css/randing/img/web0.png) center / contain no-repeat;}
.s1_img1{background: url(/resources/css/randing/img/web1.png) center / contain no-repeat;}
.s1_img2{background: url(/resources/css/randing/img/web2.png) center / contain no-repeat;}
.s1_img3{background: url(/resources/css/randing/img/web3.png) center / contain no-repeat;}
.s1_img4{background: url(/resources/css/randing/img/web4.png) center / contain no-repeat;}
.s1_img5{background: url(/resources/css/randing/img/web5.png) center / contain no-repeat;}
.s1_img6{background: url(/resources/css/randing/img/web6.png) center / contain no-repeat;}
.s1_img7{background: url(/resources/css/randing/img/web7.png) center / contain no-repeat;}
.s1_img8{background: url(/resources/css/randing/img/web8.png) center / contain no-repeat;}

.en_s1_img0{background: url(/resources/css/randing/img/en_web0.png) center / contain no-repeat;}
.en_s1_img1{background: url(/resources/css/randing/img/en_web1.png) center / contain no-repeat;}
.en_s1_img2{background: url(/resources/css/randing/img/en_web2.jpg) center / contain no-repeat;}
.en_s1_img3{background: url(/resources/css/randing/img/en_web3.png) center / contain no-repeat;}
.en_s1_img4{background: url(/resources/css/randing/img/en_web4.png) center / contain no-repeat;}
.en_s1_img5{background: url(/resources/css/randing/img/en_web5.png) center / contain no-repeat;}
.en_s1_img6{background: url(/resources/css/randing/img/en_web6.png) center / contain no-repeat;}
.en_s1_img7{background: url(/resources/css/randing/img/en_web7.png) center / contain no-repeat;}
.en_s1_img8{background: url(/resources/css/randing/img/en_web8.png) center / contain no-repeat;}

.s2_img0{background: url(/resources/css/randing/img/app0.png) center / contain no-repeat;}
.s2_img1{background: url(/resources/css/randing/img/app1.png) center / contain no-repeat;}
.s2_img2{background: url(/resources/css/randing/img/app2.png) center / contain no-repeat;}
.s2_img3{background: url(/resources/css/randing/img/app3.png) center / contain no-repeat;}

.en_s2_img0{background: url(/resources/css/randing/img/en_app0.png) center / contain no-repeat;}
.en_s2_img1{background: url(/resources/css/randing/img/en_app1.png) center / contain no-repeat;}
.en_s2_img2{background: url(/resources/css/randing/img/en_app2.png) center / contain no-repeat;}
.en_s2_img3{background: url(/resources/css/randing/img/en_app3.png) center / contain no-repeat;}

.s3_img0{background: url(/resources/css/randing/img/user0.png) center / contain no-repeat;}
.s3_img1{background: url(/resources/css/randing/img/user1.png) center / contain no-repeat;}

.en_s3_img0{background: url(/resources/css/randing/img/en_user0.png) center / contain no-repeat;}
.en_s3_img1{background: url(/resources/css/randing/img/en_user1.png) center / contain no-repeat;}

/* .s4_img0{background: url(/resources/css/randing/img/feat.png) center / contain no-repeat;} */

.f_bx{width: 90%; height: auto; border: 1px solid #e1e1e1; padding:1rem; background-color: #f5f5f5; display: none; flex-direction: column-reverse;}
.f_bx .f_bx_tt{font-size: 20px; padding: 2rem; word-break: keep-all; line-height: 36px;}
.f_bx .f_bx_tt h1{display: none;}
.fy_section{width: 100%; height: auto; display: grid;  grid-template-columns: repeat(2, 1fr); row-gap: 1rem; column-gap: 1rem;}
.feat_bx{width: 100%; height: auto; display: inline-flex; background-color: #fff;}
.feat_bx_bx{display: inline-block; width: 100%; height: 100%; padding:1rem; position: relative;}
.feat_bx_bx h1{font-size: 22px; color: #00174b; font-family: 'NanumSquareNeo-Bold';}
.feat_bx_bx .feat_txt_bx{display: inline-block; padding-top: 45px}
.feat_bx_bx .feat_txt_bx p{font-size: 18px; line-height: 32px; word-break: keep-all;}
.feat_bx_bx img{display: inline-block; position: absolute; right: 0; top: 0; width: 100px; height: 100px;}

/* main image file End */
.m_n_cm_bx.cm_show{display:block}

.p_bx{width: 90%; height: auto; border:1px solid #e1e1e1; padding: 1rem; display: none;}
.p_bx .p_bx_tt{padding-top: 20px;}
.p_bx .p_bx_tt h1{font-size: 28px; color: #2f58b8; font-family: 'NanumSquareNeo-Bold'; line-height: 26px; padding-left: 20px;}
.p_bx .p_bx_tt p{font-size: 18px; line-height: 32px; padding-top: 20px; padding-left:20px;}

.py_section{width: 100%; height: auto; display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 30px; padding-top:30px;}
.py_section .py_d{max-width: 480px; height: 420px; padding:20px 20px; position: relative;}
.py_section .py_dl{border: 2px solid #00174b; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2); border-radius: 4px;}
.py_section .py_dr{border: 1px solid #d1d1d1; border-radius: 4px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);}
.py_section .py_d h1{ font-size: 22px; font-family: 'NanumSquareNeo-Bold'; line-height: 31px; padding: 20px 0;}
.py_section .py_d h2{font-size: 26px; color:#769ce3; font-family: 'NanumSquareNeo-ExtraBold'; border-bottom:1px solid #d1d1d1; height: 50px; margin-bottom:20px;}
.py_section .py_d h3{font-family: 'NanumSquareNeo-Bold'; font-size: 14px; height: 30px} 
.py_section .py_d .py_cn_btn{bottom: 30px;  height: 46px; border-radius: 4px; font-size: 16px; font-family: 'NanumSquareNeo-Bold'; border:none; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.py_section .py_d .rcm_div{width:85px; height:85px; position: absolute; right: -1px; top: -1px; background-color: #00174b; clip-path: polygon(100% 0, 100% 100%, 0 0);}
.py_section .py_d .rcm_div p{text-align: center; color:#fff; font-size: 14px; line-height: 20px; padding-left: 35px; padding-top: 7px;}
.py_section .py_d .l_l_t{width: 105px; height: 20px; display: flex; align-items: center; justify-content: center; background-color: #2f58b8; font-size: 13px; color:#fff; border-radius: 4px;}
.py_section .py_d .l_l_r{width: 105px; height: 20px; display: flex; align-items: center; justify-content: center; background-color: #769ce3; font-size: 13px; color:#fff; border-radius: 4px;}
.py_section .py_d .l_l_b{background-color: #00174b; color:#fff; }
.py_section .py_d .l_r_b{border:1px solid #929292; background-color: #fff; color:#929292;}
.py_section .py_d .rcm_span_bx{width: 95%; height: 128px; display: flex; flex-direction: column; padding-bottom:50px;}
.py_section .py_d .rcm_price_bx{height: 101px; width: 100%;}
.py_section .py_d .rcm_span_bx button{ width: 100%; height: 48px;}
.py_section .py_d .rcm_span{width: 90%; height: auto; min-height: 26px; color: #929292; padding-left: 27px; background: url(/resources/css/randing/img/ico_check.png) no-repeat left top; font-size: 14px; background-size: 18px 18px; word-break: keep-all;}
/* .py_section .py_d .rcm_span_pd{padding-bottom: 180px;} */
.py_wr_t{font-size: 14px; padding : 20px 0 0 20px;}
.py_wr_t_b{font-family: 'NanumSquareNeo-Bold';}

		/* 추가 Start*/
.m_m_sec1_sub{display: none;}
.m_m_sec2_sub{display: none;}
.m_m_sec3_sub{display: none;}
        /* 추가 End*/
/* 메인 CSS End */


/* 제품소개 CSS Start */

.pd_section{display: grid; height: 526px; column-gap: 40px; grid-template-areas: "pd_r_i pd_r_t1" "pd_r_i pd_r_t2"; grid-template-columns: repeat(2, 1fr);}

/* 제품의 최상단 말고 하단 중앙 정렬하려면 필요한데 */
.pd_cn_i{width: 100%; height: 144px;}
.pd_r_i{ grid-area: pd_r_i; max-width: 671px; height: 526px; background-image: linear-gradient(to bottom, #fff, #f8f8f8); border: 1px solid #d1d1d1; display: flex; justify-content: center; position: relative;}
.pd_r_i img{object-fit: contain; margin: auto;}
.pd_r_i button {width: 48px; height: 48px; position: absolute; border-radius: 50%; border:none; background-color: #2f58b8; color: #fff; font-size: 42px; bottom:24px; right: 36px;}

.pd_r_t1{grid-area: pd_r_t1;}
.pd_r_t1 h2{ font-size: 24px; font-family: 'NanumSquareNeo-Bold'; line-height: 40px;}
.pd_r_t1 h1{ font-size: 32px; color: #396fd3; font-family: 'NanumSquareNeo-Bold';}
.pd_r_t1 p{ font-size: 16px; padding: 30px 0 20px 0; word-break: keep-all; line-height: 26px; height: 64px}
.pd_r_t1 p:nth-child(3){display: none;}

.pd_r_t2{grid-area: pd_r_t2;}
.pd_r_t2 button{ width: 168px; height: 48px; background-color: #062541; color: #fff; font-size: 16px; border: none; border-radius: 6px;}
.pd_r_t2 h3{font-size: 20px; padding: 77px 0 20px 0; font-family: 'NanumSquareNeo-Bold';}
.pd_table{border-top: 1px solid #2f58b8; width: 676px; height: auto;}
.m_pd_table{display:none;}
.pd_table table{width: 100%;}
.pd_table table tbody{width: 100%;}
.pd_table table tr {width: 100%; height: 34px; border-bottom: 1px solid #e1e1e1;}
.pd_table table tr td {font-size: 13px; color:#929292; vertical-align: middle;}
.pd_table table tr td:nth-child(2n){width: 50%;}
.pd_table table tr td:nth-child(odd){width: 15%;}


/* 제품 소개 modal Start */
.md_back{width: 100vw; height: 100vh; opacity: 0.7; background-color: black; z-index: 100; position: absolute; display:none; top:0;}
.md_in{width: 1089px; height: 605px; background-color: #fff; z-index: 101; position: absolute; top: 55%; left:50%; right:50%; transform: translate(-50%,-50%); display: none;}
/* .md_close{width: 50px; height: 50px; border: 1px solid #fff; color:#fff; position: absolute; top:-80px; border-radius: 50%; text-align: center; font-size: 45px; left:45%; cursor: pointer;} */
.md_close{width: 50px; height: 50px; position: absolute; top:-80px; border-radius: 50%; left:45%; cursor: pointer; background: url(/resources/css/randing/img/t_close.svg) no-repeat;}
.md_inner{width: 100%; height: 100%; display: flex; justify-content: space-around; align-items: center;}
.md_inner .p_view{width:385px; max-height: 455px;} 
.md_inner .p_view img{width:385px; max-height: 385px;} 
.md_inner .p_view p{display: flex; align-items: center; justify-content: end; height:45px;border-top: 1px solid #303030; color:#2f58b8; margin-top:24px; font-size: 18px; font-weight: 600;}
/* 제품 소개 modal end */

/* 제품소개 CSS End*/


/* 도입 문의 CSS Start */
.cn_section{ width: 100%; height: 383px; display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 1%; padding-top:60px}
.cn_c {max-width: 396px; max-height: 100%; padding: 20px; border:1px solid #d1d1d1; position: relative; transform: translateY(-100px); transition-duration: 2s; opacity: 0;}
.cn_c .cn_t_c{width: 100%; height: 34px; display: flex; align-items: center; }
.cn_c .cn_t_c h1{color: #c4c4c4; font-size: 30px; font-weight: 600; padding-left:10px;}
.cn_c .cn_t_c h2{ padding-left: 10px; font-size: 18px; font-weight: 600;}

.cn_c .cn_t_d{width: 100%; height: auto; display: flex; justify-content: flex-end;}
.cn_c .cn_t_d p{font-size: 16px; line-height: 26px; word-break: keep-all; padding-top: 30px; margin-left:auto; max-width: 312px;}
.cn_c img{position: absolute; bottom:25px; right:25px; max-width:240px; max-height: 155px;}

.c_inner_section{padding-top: 80px;}
.red{color:red;}
.blue{color:#006fff}
.contact_bx{width: 100%; height: auto; padding-top:40px}
.contact_comm{display: flex; flex-direction: column; height: auto; padding-bottom: 20px;}
.contact_comm p{font-size: 16px; font-family: 'NanumSquareNeo-Bold'; padding-bottom:10px}
.contact_comm select{height: 40px; padding-left: 10px; border: 1px solid #d1d1d1;}
.contact_comm input{height: 36px; padding-left:10px; border: 1px solid #d1d1d1;}
.text_area{max-width: 1680px; height: 270px; resize: none; border: 1px solid #d1d1d1; padding: 10px 0 0 10px;}

.terms_chk{display: flex; align-items: center; padding-bottom: 16px;}
.terms_chk p{word-break: keep-all; padding-left:10px;}

.contact_btn{height: 300px; width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; gap:17px;}
.contact_btn button{ width: 426px; height: 52px; background-color: #162358; color:#fff; font-size: 18px; border:none; border-radius: 4px;}

/* 도입 문의 CSS End */



/* ==============================================footer==============================================*/
footer{width: 100%; height: 400px; background-color: #464646;}
.foot_top{padding-top:100px; height:80px; border-bottom: 0.5px solid #747474}
.foot_bot{padding-top:45px; display: flex; justify-content: space-between;}
.foot_bot p{color: rgba(255, 255, 255, 0.8);font-size: 14px; display: flex; flex-wrap: wrap;}
.foot_bot p span{padding-bottom: 14px;}
.foot_right p{font-family: 'NanumSquareNeo-Bold'; width: 100px; padding-bottom: 14px;}
.foot_terms{display: flex;}
.foot_terms p{padding: 0 8px;}
.foot_terms p:not(:last-child){border-right: 1px solid #686262; padding-left:0;}
/* ==============================================footer==============================================*/


.lang_sel{
		position: absolute;
		top:15%;
		right: 30%;
		display:block;
	}
.lang_span{display:inline-flex; align-items: center; color:#fff;  padding-bottom:10px; cursor:pointer; font-size:18px; font-family:"NanumSquareNeo-Bold"}
.lang_span::before{content:""; position: relative; display:inline-block; background: url(/resources/css/randing/img/lang_img.png) no-repeat center; background-size:contain; width:20px; height: 20px; padding-right: 20px;}
.lang_span::after{content:""; position: relative; display:inline-block; background: url(/resources/css/randing/img/lang_arrow.png) no-repeat center; background-size:contain; width:8px; height: 8px; padding-left: 20px;}
	
.login_lang_list{background-color:#fff; border-radius: 2px; display:none;}
.login_lang_list li{ padding: 10px; font-size:18px; text-align: center; cursor:pointer; font-size:18px; font-family:"NanumSquareNeo-Bold"}
.login_lang_list li:nth-child(1){border-bottom: 1px solid #d1d1d1;}


/* @media (min-width: 1200px) and (max-width: 1400px){
        .py_section{grid-template-rows: repeat(2, 1fr);grid-template-columns:none; row-gap: 50px; column-gap: none;}
        .py_section .py_dl{max-width: 710px;}
} */


@media screen and (max-width: 1199px){
	body{ overflow: hidden;}
    .main{height: 1024px;}
    .join_section{max-width: 720px;}
    .jtitle h1{font-size: 24px;}
    .jinfo .jinfo_t .jinfo_t_l{font-size: 18px;}
    .jinfo_comm_bx .info_act input{width: 456px;}
    .info_auth input{width: 456px;}
    .time{left:400px;}
    .lang_sel{display:none}

    .inner_section_pad{padding: 0 !important;}
	
	.s_section{max-width: 1200px;}

        /* header Start */
        .d_hd_b{display:none;}    
        .d_logo img{content:url(/resources/css/randing/img/m_d_logo.png); width: 161px;}
        /* .en_d_logo img{content:url(/resources/css/randing/img/m_d_logo.png); width: 161px;} */
        .en_d_logo{width:161px;}   
        .m_menu_bx{display: flex; margin:0 auto; width: 95%; height: 100%; align-items: center; justify-content: space-between;}
        .m_menu_bx img{display:block;}
        .right_box{display:flex;}
        
        
        /* .m_hamburger img{cursor:pointer;} */

        .m_hambtn{display: block; width: 30px; height: 20px; position: relative; cursor: pointer;}
        .m_hambtn span{background-color: black; width: 100%; height: 2px; position: absolute; transition: 0.3s;}
        .m_hambtn span:nth-of-type(1){top: 0;}
        .m_hambtn span:nth-of-type(2){top: 50%;}
        .m_hambtn span:nth-of-type(3){top: 100%;}
        .m_hambtn.on{z-index: 999;}
        .m_hambtn.on span:first-child{top:50%; transform: translateY(-50%) rotate(45deg);}
        .m_hambtn.on span:nth-of-type(2){display: none;}
        .m_hambtn.on span:nth-of-type(3){top:50%; transform: translateY(-50%) rotate(-45deg);}


        .m_drop_menu{display: none; width:100%; height: 100vh; background-color: #fff; position:fixed}
        .m_menu{width: 92%; height: 100%; margin:0 auto;}
        
        .m_menu_ul li{width: 100%; height: 62px; display: flex; align-items: center; border-bottom: 1px solid #d1d1d1;}
        .m_menu_ul li:first-child{padding-top:100px;}
        .m_menu_ul li:last-child{border:none;}
        .m_menu_ul li a{font-size: 18px; color:#929292;}
        .m_menu_active{font-family: 'NanumSquareNeo-Bold'; color:#2f58b8 !important;}
        /* header End */
        
		/* footer Start */
        footer{height: 330px;}
        .foot_top{height: 70px; padding-top: 40px;}
        .foot_top img{content: url(/resources/css/randing/img/m_footer_logo.png); width: 161px;}
        /* footer End */
        

		/* common Start */
        .tb_inner_section{padding-top: 0 !important;}
        /* common End */

        /* main Start */
        .main_back{background:url(/resources/css/randing/img/t_main.gif) center / cover no-repeat;}
        .m_sec1_bx{max-width: 440px; bottom: 50%; left: 3%;}
        .m_sec1_title{font-size: 32px;}
        .m_sec1_sub{font-size: 15px; line-height: 28px; padding-top:28px;}

        .main_back2{background:url(/resources/css/randing/img/t_main2.gif) center / cover no-repeat;}
        .en_main_back2{background:url(/resources/css/randing/img/t_en_main2.gif) center / cover no-repeat;}
        .m_sec2_title{font-size: 26px;}
        .m_sec2_title p{line-height: 20px;}
        .m_sec2_sub{font-size: 15px; line-height:28px;}

        .m_sec3_img{ padding-top:calc(230px - 15%);}
        .m_sec3_img img{content: url(/resources/css/randing/img/t_main3_1.png);}
        
        .en_m_sec3_img{ padding-top:calc(230px - 15%);}
        .en_m_sec3_img img{content: url(/resources/css/randing/img/t_en_main3_1.png);}
		
		
        /* main nav 1199px */
        .m_sec4_bx{flex-direction: column;}
        .main_nav{padding-top: 0; height: 100px;}
        .main_nav ol{ display: flex; height: 54px; border-bottom: 1px solid #d1d1d1; justify-content: flex-start; border-top: 1px solid #d1d1d1; align-items: center; column-gap: 30px;}
        .main_nav .main_nav_b{padding: 0;}
        .main_nav .main_nav_b ul{position: absolute; }
        .main_nav .main_nav_b .big_t{font-size: 14px; height: 40px; width: 100%;}
        /* .main_nav .main_nav_b ul{display: flex;} */
        .main_nav .main_nav_b .small_t{font-size: 14px;}
        
        .s_active{border-radius: 20px;}
        .m_nav_b{display: flex; padding-top: 20px;}
        .nav_tab_bx{padding-top:0; width: 100%;}
        /* main nav 1199px */


        .py_section{grid-template-columns: none; column-gap: 0; row-gap: 30px;}
        .py_section .py_d{max-width: 100%; height: 260px;}
        .py_section .py_d .rcm_span{font-size: 12px;}
        .py_section .py_d .rcm_span_bx{padding-bottom: 0; height: 110px; border-bottom: 1px solid #00174b;}
        .p_bx{border:none; padding: 0; width: 100%;}
        .p_bx .p_bx_tt h1{font-size: 26px;}
        .p_bx .p_bx_tt p{font-size: 14px; padding-top:14px;}
        .rcm_price_b_bx{width: 95%; display: flex; padding-top:10px; align-items: center;}
        
        
        .py_section .py_d h1{padding: 10px 0; font-size: 20px;;}
        .py_section .py_d h2{margin-bottom: 0; border: none;}
        .py_section .py_d .rcm_price_bx{width: 50%; height: 70px;}
        .py_section .py_d .py_cn_btn{width: 50%;}
        .py_wr_t{padding: 20px 0 0px 0px;}
        .py_wr_t_bb{padding-bottom:50px;}
        /* .py_section .py_d h2{border-bottom:none;} */
        
        /* .m_n_cm_bx span{height: 605px;} */
        /* main image file Start */
        .s1_img0{background: url(/resources/css/randing/img/t_web0.png) center / contain no-repeat;}
        .s1_img1{background: url(/resources/css/randing/img/t_web1.png) center / contain no-repeat;}
        .s1_img2{background: url(/resources/css/randing/img/t_web2.png) center / contain no-repeat;}
        .s1_img3{background: url(/resources/css/randing/img/t_web3.png) center / contain no-repeat;}
        .s1_img4{background: url(/resources/css/randing/img/t_web4.png) center / contain no-repeat;}
		.s1_img5{background: url(/resources/css/randing/img/t_web5.png) center / contain no-repeat;}
		.s1_img6{background: url(/resources/css/randing/img/t_web6.png) center / contain no-repeat;}
		.s1_img7{background: url(/resources/css/randing/img/t_web7.png) center / contain no-repeat;}
		.s1_img8{background: url(/resources/css/randing/img/t_web8.png) center / contain no-repeat;}
		
		.en_s1_img0{background: url(/resources/css/randing/img/en_t_web0.png) center / contain no-repeat;}
        .en_s1_img1{background: url(/resources/css/randing/img/en_t_web1.png) center / contain no-repeat;}
        .en_s1_img2{background: url(/resources/css/randing/img/en_t_web2.png) center / contain no-repeat;}
        .en_s1_img3{background: url(/resources/css/randing/img/en_t_web3.png) center / contain no-repeat;}
        .en_s1_img4{background: url(/resources/css/randing/img/en_t_web4.png) center / contain no-repeat;}
		.en_s1_img5{background: url(/resources/css/randing/img/en_t_web5.png) center / contain no-repeat;}
		.en_s1_img6{background: url(/resources/css/randing/img/en_t_web6.png) center / contain no-repeat;}
		.en_s1_img7{background: url(/resources/css/randing/img/en_t_web7.png) center / contain no-repeat;}
		.en_s1_img8{background: url(/resources/css/randing/img/en_t_web8.png) center / contain no-repeat;}
		
		.s2_img0{background: url(/resources/css/randing/img/t_app0.png) center / contain no-repeat;}
		.s2_img1{background: url(/resources/css/randing/img/t_app1.png) center / contain no-repeat;}
		.s2_img2{background: url(/resources/css/randing/img/t_app2.png) center / contain no-repeat;}
		.s2_img3{background: url(/resources/css/randing/img/t_app3.png) center / contain no-repeat;}
		
		.en_s2_img0{background: url(/resources/css/randing/img/en_t_app0.png) center / contain no-repeat;}
		.en_s2_img1{background: url(/resources/css/randing/img/en_t_app1.png) center / contain no-repeat;}
		.en_s2_img2{background: url(/resources/css/randing/img/en_t_app2.png) center / contain no-repeat;}
		.en_s2_img3{background: url(/resources/css/randing/img/en_t_app3.png) center / contain no-repeat;}
		
		
		.s3_img0{background: url(/resources/css/randing/img/t_user0.png) center / contain no-repeat;}
		.s3_img1{background: url(/resources/css/randing/img/t_user1.png) center / contain no-repeat;}
		
		.en_s3_img0{background: url(/resources/css/randing/img/en_t_user0.png) center / contain no-repeat;}
		.en_s3_img1{background: url(/resources/css/randing/img/en_t_user1.png) center / contain no-repeat;}
		/* .s4_img0{background: url(/resources/css/randing/img/t_feat.png) center / contain no-repeat;} */
		
        /* main image file End */

		.m_n_cm_bx span{height: 826px;}
        .p_bx .p_bx_tt{padding-top:35px;}
        
        .f_bx{ flex-direction: column; width: 100%; padding:0;}
        .f_bx .f_bx_tt{font-size: 14px; line-height: 22px; width: 430px; padding:0; padding-top:35px;}

        .f_bx .f_bx_tt h1{display: block; font-size: 26px; color:#2f58b8; font-family: 'NanumSquareNeo-Bold'; padding-left:20px;}
        .f_bx .f_bx_tt p{padding-top:14px; padding-left: 20px;}
        .feat_bx_bx h1{font-size: 16px;}
        .feat_bx_bx .feat_txt_bx{padding-top: 25px;}
        .feat_bx_bx .feat_txt_bx p{font-size: 13px; line-height: 24px;}
        .feat_bx_bx img{width: 60px; height: 60px; bottom:30px; top: auto;}
        .fy_section{padding:1rem; width: auto;}
        /* main End */


        .com_t h1, .com_t h2{font-size: 30px; line-height: 42px;}
        .com_t p{padding-top: 25px; font-size: 16px; line-height: 28px;}

        /* product Start */
        .pd_section{grid-template-columns: none; grid-template-areas: "pd_r_i pd_r_t1" "pd_r_t2 pd_r_t2"; grid-template-rows: repeat(2, 1fr); row-gap: 20px; height: 760px;}
        .pd_r_i{max-width: 725px; height: 330px; align-self: flex-end;}
        .pd_r_i img{width: 100%; height: 100%;}

        .pd_r_t1{display: flex; flex-direction: column; align-self: flex-end;}

        .pd_r_t1 h1{font-size: 22px}
        .pd_r_t1 h2{font-size: 18px}
        .pd_r_t1 p{font-size: 14px; padding: 30px 0 0 0; height: auto;}


        .pd_r_t2{display: grid; grid-template-areas: "spc_txt spc_btn" "spec spec"; grid-template-rows: 70px 1fr;}
        .pd_r_t2 button{ grid-area: spc_btn; width: 117px; height: 36px; font-size: 14px; margin-top:15px; align-items: end; position: absolute; right: 50px;}
        .pd_r_t2 h3{ grid-area: spc_txt; padding: 20px 0 0 0;}
        .pd_table{width: 100%; grid-area: spec;}


        /* 제품 소개 modal Start */
        .s_show{overflow-y: hidden !important; touch-action:none;}
        .md_back{width: 100vw; height: 100vh; opacity: 0.7; background-color: black; z-index: 100; position: fixed; display:none;}
        .md_in{width: 90%; height: 400px; position: fixed;}
        .md_inner .p_view{width:255px; max-height: 355px;} 
        .md_inner .p_view img{width:255px; max-height: 255px;} 
        /* 제품 소개 modal end */


        /* product End */


        /* service Start */
        .cn_section{grid-template-columns: repeat(2, 1fr); row-gap: 60px; padding-top:20px; height: 606px; column-gap: 60px;}
        .cn_c .cn_t_c h1{font-size: 22px;}
        .cn_c .cn_t_c h2{font-size: 18px;}
        .cn_c .cn_t_d p{font-size: 14px;}
        .cn_c img{max-width: 181px; max-height: 117px;}
        .contact_comm p{font-size: 14px;}
        .terms_chk{font-size: 14px;}
        .terms_chkp p{font-size: 13px;}
        .contact_btn button{width: 380px; height: 42px;}
        /* service End */
}

@media screen and (max-width: 850px){
        /* main Start */
        .main_back{background:url(/resources/css/randing/img/m_main.gif) center / cover no-repeat;}
		
		.main_back2{background:url(/resources/css/randing/img/m_main2.gif) center / cover no-repeat;}
		.en_main_back2{background:url(/resources/css/randing/img/m_en_main2.gif) center / cover no-repeat;}
		
        .m_sec3_img{ padding-top:calc(150px - 15%);}
        .m_sec3_img img{content: url(/resources/css/randing/img/t_main3_2.png);}
        
        .en_m_sec3_img{ padding-top:calc(150px - 15%);}
        .en_m_sec3_img img{content: url(/resources/css/randing/img/t_en_main3_2.png);}
        
        .m_n_cm_bx span{height: 666px;}
        /* main End */
        /* .m_sec3_img{padding-top:calc(160px - 15%)} */
        
}
@media screen and (max-width: 767px){
        
    .jtitle{padding-top:35px}
    .jtitle h1{font-size: 16px;}
    .jinfo{padding-top:30px}
    .jinfo .jinfo_t{padding-bottom: 24px}
    .jinfo .jinfo_t .jinfo_t_l{font-size: 16px;}
    .jinfo .jinfo_t .jinfo_t_r{font-size: 12px;}
    .jinfo .jinfo_bx{border-top: 2px solid #666; border-bottom: 2px solid #666; padding: 60px 0;}
    .jinfo_comm_bx .info_act{width: 100%; column-gap: 40px;}
    .jinfo_comm_bx .info_act span:first-child{width: 100%;}
    .jinfo_comm_bx .info_act input{width:calc(100% - 10px)}
    .jinfo_bx .jinfo_comm_bx{flex-direction: column; align-items: start; border-bottom: none;}

    .info_auth{width: 100%; column-gap: 40px;}
    .info_auth span:first-child{width: 100%;}
    .info_auth input{width:calc(100% - 10px)}
    #auth2 span:first-child{width: 100%; column-gap: 37px;}

    .time{left:calc(100% - 60px)}
    .jterms{padding-top: 32px;}
    .terms_title h1{font-size: 16px;}
    .terms_use_ck p, .terms_fir p, .terms_sec p, .join_c p{font-size: 14px;}


    /* header Start */
    header{height: 60px;}
    .m_hambtn{width: 25px; height: 15px;}
    .d_logo img{content:url(/resources/css/randing/img/m_d_logo.png); width: 120px;}
    /* .en_d_logo img{content:url(/resources/css/randing/img/m_d_logo.png); width: 120px;} */
    .en_d_logo img{width:120px;}
    /* header End */

    /* footer Start */
    footer {height: 300px;}
    .foot_top{padding-top:20px; height: 40px;}
    .foot_top img{content: url(/resources/css/randing/img/m_footer_logo.png); width: 120px;}
    .foot_bot{padding-top: 15px; flex-direction: column; row-gap: 10px;}
    .foot_bot p{font-size: 10px;}
    .foot_bot p span{padding-bottom:10px;}
    /* footer End */

    /* common Start */
    .s_section{padding: 0 20px 0 20px;}
    .mo_inner_section{padding-top:80px !important;}
    /* common End */

    /* main Start */
    .m_sec1_bx{ bottom: 58%; max-width: 330px; left: 6%;}
    .m_sec1_title{font-size: 18px; line-height: 52px;}
    .m_sec1_sub{display:none;}

    .m_sec2_title{font-size: 16px;}
    .m_sec2_sub{display: none;}
    
    .m_sec3_sub{display: none;}
    .m_sec3_img{padding-top:30px;}
    .m_sec3_img img{content: url(/resources/css/randing/img/m_main3.png);}
    
    .en_m_sec3_img{padding-top:30px;}
    .en_m_sec3_img img{content: url(/resources/css/randing/img/m_en_main3.png);}

    .main_nav{ min-width: auto;}
    .main_nav ol{height: 40px; column-gap: 20px;}
    .main_nav .main_nav_b{padding:0;}
    .m_nav_b {padding-top:10px; column-gap: 10px;}
    .main_nav .main_nav_b .big_t{font-size: 12px; height: 40px; padding-left:10px; color:#d1d1d1;}
    .main_nav .main_nav_b .small_t{font-size: 11px; padding-left:10px;}
    .m_n_cm_bx span{height:520px;}
	
    /* main image file Start */
    .s1_img0{background: url(/resources/css/randing/img/m_web0.png) center / contain no-repeat;}
    .s1_img1{background: url(/resources/css/randing/img/m_web1.png) center / contain no-repeat;}
    .s1_img2{background: url(/resources/css/randing/img/m_web2.png) center / contain no-repeat;}
    .s1_img3{background: url(/resources/css/randing/img/m_web3.png) center / contain no-repeat;}
    .s1_img4{background: url(/resources/css/randing/img/m_web4.png) center / contain no-repeat;}
    .s1_img5{background: url(/resources/css/randing/img/m_web5.png) center / contain no-repeat;}
    .s1_img6{background: url(/resources/css/randing/img/m_web6.png) center / contain no-repeat;}
    .s1_img7{background: url(/resources/css/randing/img/m_web7.png) center / contain no-repeat;}
    .s1_img8{background: url(/resources/css/randing/img/m_web8.png) center / contain no-repeat;}
    
    .en_s1_img0{background: url(/resources/css/randing/img/en_m_web0.png) center / contain no-repeat;}
	.en_s1_img1{background: url(/resources/css/randing/img/en_m_web1.png) center / contain no-repeat;}
	.en_s1_img2{background: url(/resources/css/randing/img/en_m_web2.png) center / contain no-repeat;}
	.en_s1_img3{background: url(/resources/css/randing/img/en_m_web3.png) center / contain no-repeat;}
	.en_s1_img4{background: url(/resources/css/randing/img/en_m_web4.png) center / contain no-repeat;}
	.en_s1_img5{background: url(/resources/css/randing/img/en_m_web5.png) center / contain no-repeat;}
	.en_s1_img6{background: url(/resources/css/randing/img/en_m_web6.png) center / contain no-repeat;}
	.en_s1_img7{background: url(/resources/css/randing/img/en_m_web7.png) center / contain no-repeat;}
	.en_s1_img8{background: url(/resources/css/randing/img/en_m_web8.png) center / contain no-repeat;}

    .s2_img0{background: url(/resources/css/randing/img/m_app0.png) center / contain no-repeat;}
    .s2_img1{background: url(/resources/css/randing/img/m_app1.png) center / contain no-repeat;}
    .s2_img2{background: url(/resources/css/randing/img/m_app2.png) center / contain no-repeat;}
    .s2_img3{background: url(/resources/css/randing/img/m_app3.png) center / contain no-repeat;}
    
    .en_s2_img0{background: url(/resources/css/randing/img/en_m_app0.png) center / contain no-repeat;}
	.en_s2_img1{background: url(/resources/css/randing/img/en_m_app1.png) center / contain no-repeat;}
	.en_s2_img2{background: url(/resources/css/randing/img/en_m_app2.png) center / contain no-repeat;}
	.en_s2_img3{background: url(/resources/css/randing/img/en_m_app3.png) center / contain no-repeat;}

    .s3_img0{background: url(/resources/css/randing/img/m_user0.png) center / contain no-repeat;}
    .s3_img1{background: url(/resources/css/randing/img/m_user1.png) center / contain no-repeat;}
    
    .en_s3_img0{background: url(/resources/css/randing/img/en_m_user0.png) center / contain no-repeat;}
	.en_s3_img1{background: url(/resources/css/randing/img/en_m_user1.png) center / contain no-repeat;}

    /* .s4_img0{background: url(/resources/css/randing/img/m_feat.png) center / contain no-repeat;} */
    /* main image file End */
	
	
    .f_bx{padding:0; width: 100%; margin-bottom:30px;}
    /* .f_bx .f_bx_tt{ font-size: 13px; width: 310px; display: flex; flex-direction: column;} */
    .f_bx .f_bx_tt{text-align: center; padding:0; width: 100%;}
    .f_bx .f_bx_tt h1{font-size: 18px; line-height: 20px; padding-top: 30px;}
    .f_bx .f_bx_tt p{font-size: 13px; padding: 10px 1rem 0 1rem; line-height: 20px; max-width: 350px; margin:auto; width: auto;}
    .feat_bx_bx .feat_txt_bx{padding-top:15px;}
    .feat_bx_bx .feat_txt_bx p{font-size: 12px; line-height: 22px;}
    .feat_bx_bx .feat_txt_bx p:nth-child(3){display: none;}
    .feat_bx_bx .feat_txt_bx p:nth-child(4){display: none;}
    .fy_section{grid-template-columns: none; grid-template-rows: repeat(4, 1fr); padding-top:30px;}
    
    .p_bx .p_bx_tt{text-align: center; padding-top:0;}
    .p_bx .p_bx_tt h1{font-size: 18px; line-height: 20px; padding-top: 30px; padding-left:0;}
    .p_bx .p_bx_tt p{font-size: 13px; padding-top: 10px; padding-left:0; line-height: normal;}
    .py_section .py_d{ height: 220px;}
    .py_section .py_d .rcm_span_bx{height: 100px;}
    .py_section .py_d .rcm_div{width: 75px; height: 75px;}
    .py_section .py_d .rcm_div p{ font-size: 12px; line-height: 16px;}
    .py_section .py_d .l_l_t{width: 84px; font-size: 10px;}
    .py_section .py_d h1{font-size: 14px;}
    .py_section .py_d .rcm_span{ font-size: 11px; min-height: 22px;}
    .py_section .py_d h3{font-size: 9px; height: 18px;}
    .py_section .py_d .rcm_price_bx{height: 40px;}
    .py_section .py_d h2{font-size: 16px; height: 20px;}
    .py_section .py_d .py_cn_btn{height: 28px; font-size: 12px;}


    .py_section .py_d .l_l_r{width: 84px; font-size: 10px;}

    .py_wr_t{font-size: 11px; padding: 10px 0 5px 0;}
    .py_wr_t_bb{padding-bottom: 30px;}
    
            /* 추가 Start*/
    .m_m_sec1_sub{display: block; font-size: 14px; line-height: 24px; padding-top:0; color:#fff;}
    .m_m_sec2_sub{display: block; font-size: 14px; padding-top:0; line-height: 22px; color:#fff; text-align: center; word-break: keep-all;}
    
    .m_m_sec3_sub{display: block; font-size: 14px; padding-top:0; line-height: 22px; text-align: center; word-break: keep-all;}
    .m_m_sec3_sub strong{color:#27c4d5;}
    .s_active{ background-color: transparent; color:#00174b !important; border-radius: 0; border-bottom: 2px solid #00174b;}
            /* 추가 End*/   
    /* main end */

    /* product Start */
    .pd_cn_i{display: none;}
    .com_t{padding-top:20px;}
    .com_t h1, .com_t h2{font-size: 20px; line-height: 24px;}
    .com_t p{font-size: 14px; padding: 18px 0 30px 0; line-height: 20px; letter-spacing: -0.7px;}
    .com_t_sub_txt{display:none;}
    .com_t_sub_m_txt{display:block;}
    .contact_bx{padding-top:0;}

    .pd_section{grid-template-areas: "pd_r_i" "pd_r_t1" "pd_r_t2"; height: 825px; row-gap: 0px; grid-template-rows: 200px 200px 1fr;}
    .pd_r_i{height: 192px;}
    .pd_r_t2 button{position: inherit; margin-top:0; font-size: 13px; height: 32px; width:100px}
    .pd_table{display: none;}
    .m_pd_table{border-top: 1px solid #2f58b8; width: 100%; height: auto; display: block; margin-top:10px;}
    .m_pd_table table{width: 100%;}
    .m_pd_table table tbody{width: 100%;}
    .m_pd_table table tr {width: 100%; height: 30px; border-bottom: 1px solid #e1e1e1;}
    .m_pd_table table tr td {font-size: 11px; color:#929292; vertical-align: middle;}
    .m_pd_table table tr td:nth-child(2n){width: 70%;}
    .m_pd_table table tr td:nth-child(odd){width: 30%;}

    
    .pd_r_t1 h1, .pd_r_t1 h2{font-size: 16px; line-height: 25px; padding-top: 30px;}
    .pd_r_t2 h3{font-size: 14px; padding-top:30px;}
    .pd_r_t1 p{line-height: 20px; padding-top:45px;}
    .pd_r_t1 p:nth-child(2){display: none;}
    .pd_r_t1 p:nth-child(3){display: block; font-size: 14px; letter-spacing: -0.65px; word-break: break-all; line-height: 24px;}

    .pd_r_t2 {display: block;}

    .md_in{width: 100%; height: auto; height: 390px;}
    .md_inner .p_view{ width: 152px; }
    .md_inner .p_view img{width: 152px; height: 152px;}
    .md_inner .p_view p{height: auto; border-top: none; margin-top: 0; justify-content: center; font-size: 12px;}
    .md_close{ top: -60px;}
            /* 추가 Start*/
    .pd_r_t1{align-self: flex-start;}
            /* 추가 End*/
    /* product End */

    /* service Start */
    .cn_section{grid-template-rows: repeat(4, 1fr); grid-template-columns: none; row-gap: 10px; padding-top:0px; padding-bottom:30px;}
    .cn_c{padding:10px; max-width: none; transform: none !important; transition-duration: 0s; opacity: 1;}
    .cn_c img{width: 90px; height: 60px; bottom:10px; right: 10px;}
    .cn_c .cn_t_c h1{font-size: 13px; padding-left:0;} 
    .cn_c .cn_t_c h2{font-size: 13px;}
    .cn_c .cn_t_d{justify-content: flex-start;}
    .cn_c .cn_t_d p{font-size: 13px; line-height: 18px; max-width: 220px; margin-left: 0; padding-top:0;}    
    .c_inner_section{padding-top:40px;}

	.contact_bx{padding-top:0;}
    .contact_comm p{font-size: 13px;}
    .terms_chk{font-size: 13px;}
    .terms_chkp{font-size: 12px;}
    .contact_btn{height: 180px;}
    .contact_btn button{width: 100%; font-size: 16px;}
                /* 추가 Start*/
    .contact_comm{padding-bottom:36px;}
    .contact_comm input, .contact_comm select, .text_area {border-radius: 6px;}
            /* 추가 End*/
    /* service End */
    
    /* login Start */
    .login_top{font-size: 120px; height:60px}
    .login_box_wrap{padding-top:0; max-height: 600px; height: auto;}
    .login_box{width: 90%; max-width: 330px;}
    .login_box img{width: 200px; left:-20px;}
    .login_id{padding-top:95px;}
    .login_inner_box {width: 100%; max-height: 800px; min-height: 450px; padding:1rem;}
    .login_inner_box input{padding: 0;}
    /* login End */
}

@media screen and (max-width: 500px){
        .main_back{background:url(/resources/css/randing/img/mm_main.gif) center / cover no-repeat;}
        

        .main_back2{background:url(/resources/css/randing/img/mm_main2.gif) center / cover no-repeat;}
        .en_main_back2{background:url(/resources/css/randing/img/mm_en_main2.gif) center / cover no-repeat;}
}

/* 20230825 추가 */
.inputErr {
	font-size:13px;
	position: absolute; 
	padding: 2px; 
	color:red;
}

.chkBox.vibration{
  animation: vibration .2s infinite;
}

@keyframes vibration {
  from {
    transform: rotate(0.5deg);
  }
  to {
    transform: rotate(-0.5deg);
  }
}

/* 1.0.1_2_001 */
.loc_btn_box{text-align : right;}
.pop_content span p{font-size: 14px; font-family:"Pretendard-Regular"; line-height: 24px;}
.warning{color: #ff0000; padding-bottom:24px;}
.authText, .emailText, .noUser{font-size: 14px; font-family:"Pretendard-Bold" !important;padding-bottom: 24px;}


.emailComp1, .emailComp2, .emailComp3{font-size: 14px; font-family:"Pretendard-Bold" !important;}
.emailComp3{padding-bottom:24px;}

.mng_info{padding-bottom: 12px;	}
.mng_info dt{font-size: 14px; line-height:16px; padding-bottom:6px;}
.mng_info dd{position: relative; height: 47px; margin-inline-start: 0px;}
.time2{
	position: absolute;
    font-size: 12px;
    letter-spacing: -1px;
	top: 12px;
    right: 0;
    color: #ff0000;
    }

    
.korail_logo{display:flex; justify-content: center; flex-direction: column; align-items: center; gap: 40px;}
.korail_logo p {font-size:32px; color: #fff; font-family:"Pretendard-Bold"}